<ng-container *ngIf="QuestDataSuccess">
    <div class="question" *ngFor="let item of QuestionData;let i=index" [style.left]="item.AddCoordinate.x" [style.top]="item.AddCoordinate.y" (click)="select(i,item)">
        <img #img *ngIf="item.select" class="acive" [src]="'./assets/img/question/'+item.ActiveImg" [attr.select]="item.select">
        <img #img *ngIf="!item.select" [src]="'./assets/img/question/'+item.Img" [attr.select]="item.select">
    </div>
    <div class="qusettitle" [innerHtml]="innerh5(SelectData[index].InnerHtml)"></div>
    <div class="questionlist" [style.left]='SelectData[index].Coordinate.x' [style.top]='SelectData[index].Coordinate.y' [style.width.%]='SelectData[index].NoteWidth' [style.height.%]='SelectData[index].NoteHeight'>
        <div class="yxz2">已提出的问题
            <span class="questionadd" (click)="questionadd(index)">+</span>
        </div>
        <ul class="questionul">
            <li class="questionli" *ngFor="let item2 of SelectData[index].QuestionList;let i=index">{{i+1}}、
                <input type="text" [style.color]="item2.updata?'#333':'#00c4d9'" [(ngModel)]="item2.Content" (focus)="questionfocus(item2)" (blur)="questionblur(item2,i)">
                <span class="questiondel" (click)="questiondel(item2,index)"></span>
            </li>
        </ul>
    </div>
</ng-container>
<ng-container *ngIf="NoteDataSuccess">
    <div *ngFor="let item1 of pointerArray;let k=index">
        <div class="pointadd" *ngFor="let item2 of item1.AddCoordinate;let j=index;" [style.left]="item2.x" [style.top]="item2.y" (click)="addnote(item1.PK_AnchorGuid,item1.color,item1.HaveTitle,item1.HaveAuthor)">+</div>
        <div class="point" *ngFor="let item2 of item1.Coordinate;let j=index;" [style.left]="item2.x" [style.top]="item2.y" [style.height.%]="item1?.NoteHeight" [style.width.%]="item1?.NoteWidth" (click)="openadd(item1,item2.note.length)" (mouseenter)="hover(k,j,item2.note.length,false)"
            (mouseleave)="hoverend(k,j,item2.note.length,false)">
            <ng-container *ngFor="let note of item2.note;let i=index;">
                <ng-container *ngIf="i>(item2.note.length-5)">
                    <div [class]="'note shadow p'+k" [style.background]=" item1.Color" [style.color]="item1.FontColor" [style.margin-left.px]="((i-(item2.note.length))*5)" [style.margin-top.px]="((i-(item2.note.length))*5)">
                        <ng-container *ngIf="i==item2.note.length-1">
                            <div class="note-title" *ngIf="item1.HaveTitle">{{note?.Title}}</div>
                            <div class="notebox">
                                {{note?.Content}}
                            </div>
                            <div class="another" *ngIf="item1.HaveAuthor">
                                _ {{note?.Name}}
                            </div>
                        </ng-container>
                        <ng-container *ngIf="item2.note.length>1">
                            <span class="num" *ngIf="(i+1)==item2.note.length">{{i+1}}</span>
                        </ng-container>
                        <ng-container *ngIf="(i+1)==item2.note.length">
                            <div #box [id]="'point'+k+'hover'+j" class="hoverbox" [style.top]="item2.note.length>2 ? '50%':'0%'" [style.margin-top.px]="item2.note.length>2 ?-(item1?.NoteHeight*mainH/100):'0'" [style.margin-left.px]="-(item1?.NoteWidth*mainW/50+4)/2" [style.width.px]="item1?.NoteWidth*mainW/50+4">
                                <ng-container *ngFor="let note of item2.note;let i=index;">
                                    <ng-container *ngIf="i>(item2.note.length-5)">
                                        <div class="hovernote" [style.background]="item1.Color" [style.height.px]="item1?.NoteHeight*mainH/100" [style.width.px]="item1?.NoteWidth*mainW/100" [style.color]="item1.FontColor">
                                            <div class="hovernote-title" *ngIf="item1.HaveTitle">{{note?.Title}}</div>
                                            <div class="content">
                                                {{note?.Content}}
                                            </div>
                                            <div class="name" *ngIf="item1.HaveAuthor">
                                                _ {{note?.Name}}
                                            </div>
                                        </div>
                                    </ng-container>
                                </ng-container>
                                <div class="hovernote" *ngIf="item2.note.length==3" [style.height.px]="item1?.NoteHeight*mainH/100" [style.width.px]="item1?.NoteWidth*mainW/100">
                                </div>
                            </div>
                        </ng-container>
                    </div>
                </ng-container>
            </ng-container>
        </div>
    </div>
</ng-container>
<canvas-add-root *ngIf="canopenadd" (onCloseAdd)="closeAdd($event)" (onAdd)="add($event)" [pointdata]="pointdata" (deldata)="del($event)"></canvas-add-root>



<mask-root *ngIf="addwindow" [opacity]="'0'" (onClick)="addwindow=false;"></mask-root>
<addbox-root *ngIf="addwindow" [config]="config" (onok)="onok($event)" (oncancel)="oncancel($event)"></addbox-root>